<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://qzone.qq.com/15132049282/page" prefix="w"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<link rel="stylesheet"
	href="frontDeskManager/css/frontDeskComment.css?id=<%=new Date().getTime()%>" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
	$(function() {

		var hid = "${user.hid}";
		$
				.post(
						"frontDeskManager/zhanghuInfo.shtml",
						{
							"hid" : hid
						},
						function(data) {
							var t = "<p class='frontDeskIndextot'><img src='frontDeskManager/frontImages/OrderIndex/"+data.toimg+"' /></p>";
							var name = "<span style='color:#c2a36d;font-size:14px;letter-spacing:2px;'>"
									+ data.namesp + "</span>";
							$("#touxiang").append(t);
							$("#frontDeskIndex").append(name);

						})

		/* $(".frontDeskIndex-left-zhuti:gt(0)").siblings().css("display","none"); */
		$(".frontDeskIndex-left-zhuti").click(function() {
			//var zhutiindex = $(".frontDeskIndex-left-zhuti").index(this);
			$(this).siblings().slideToggle();
		})

		$("#orderManager").click(function() {
			location.href = "frontDeskManager/frontDeskOrder.shtml";
		})
		$(".shopCommentLine:last").remove();
		$(".goodscommenthuifus:last").css({"position": "relative","top": "125px","left": "90px"})
	})
</script>

<link rel="stylesheet" href="css/Header.css?id=<%=new Date()%>" />

</head>
<body>
	<%@ include file="/Header.jsp"%>
	<div class="style-width">
	<form action="frontDeskManager/frontDeskComment.shtml" id="form1" method="post">
	<input type="hidden" name="sid" id="" value="${sid }" />
	<input type="hidden" name="goodsname" id="" value="${goodsname }" /> 
		<div class="style-width-one clear">
			<div
				style="width: 160px; text-align: center; border: 1px solid #eaeaea; float: left; margin-top: 25px; padding-bottom: 20px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); border-radius: 4px;"
				class="frontDeskIndex-left">
				<div id="touxiang"></div>
				<p style="margin-top: 18px;" id="frontDeskIndex">
					<span>欢迎: </span>
				</p>
				<ul>
					<li class="frontDeskIndex-left-zhuti">账号管理</li>
					<li>账户信息</li>
					<li>地址管理</li>
					<li>我的积分</li>
					<li>我的收藏</li>
				</ul>
				<ul>
					<li class="frontDeskIndex-left-zhuti">交易管理</li>
					<li id="orderManager">订单管理</li>
					<li>我的众筹</li>
				</ul>
				<ul>
					<li class="frontDeskIndex-left-zhuti">服务中心</li>
					<li>售后记录</li>
					<li>价格保护</li>
					<li>帮助中心</li>
				</ul>
			</div>
			<div
				style="float: left; width: 650px; margin-top: 20px; margin-left: 20px; padding: 20px; box-sizing: border-box;">

				<div
					style="border: 1px solid #ccc; border-bottom: none; height: 36px; line-height: 16px; padding: 10px 10px 10px 19px; box-sizing: border-box; background-color: #f5f5f5;"
					class="clear">
					<span>商品名称：</span> <span>${goodsname }</span>
				</div>
				<div
					style="width: 100%; border: 1px solid #ccc; padding-top: 14px; box-sizing: border-box;">
					
					<c:forEach items="${listcomment }" var="comment">
					
					<div class="shopComment001 clear">
						<div class="clear">
							<div
								style="float: left; width: 110px; height: 160px; margin-left: 20px; margin-right: 10px;">
								<div
									style="width: 70px; height: 70px; border-radius: 50%; margin-left: 15px; margin-right: 14px; margin-top: 35px; margin-bottom: 4px;">
									<img src="./images/index/${comment.yonghu.toimg }"
										style="width: 70px; height: 70px; border-radius: 50%; border: 1px solid #ccc; box-shadow: 0.2px 0.2px 6px rgba(0, 0, 0, 0.1);" />
								</div>
								<div style="margin-top: 12px;text-align:center;width:110px;">
									<span>${comment.yonghu.namesp }</span>
								</div>
							</div>
							<div
								style="width: 220px; height: 100px; float: left; line-height: 20px; margin-top: 10px; margin-bottom: 10px; letter-spacing: 4px;">
								<div id="com_praise">
								<c:forEach begin="1" end="${comment.com_praise }" var="a">
								<img src="./images/index/wellCommenty.png" width="15px" />
								</c:forEach>
								</div>
								<%-- <div>${comment.shangping.shopname }</div> --%>
								<div>${comment.com_content }</div>
								<div class="shopComment002 clear">
									<img
										src="./images/index/${comment.com_images }"
										width="50px" height="50px"
										style="border-radius: 50%; box-shadow: 0.2px 0.2px 6px rgba(0, 0, 0, 0.1); margin-top: 10px; margin-bottom: 5px;" />
								</div>
								<div>${comment.com_date }</div>
							</div>
							<div style="float: left; width: 100px; height: 125px;">
								<div
									style="width: 80px; height: 28px; letter-spacing: 4px; line-height: 28px; border: 1px solid #ccc; background-color: #f5f5f5; text-align: center; position: relative; top: 145px; left: 90px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2)" class="goodscommenthuifus">
									查看回复</div>
							</div>
						</div>
						<div
							style="width: 100%; border-top: 1px dashed #ccc; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);margin-top:25px;" class="shopCommentLine"></div>
					</div>
				</c:forEach>
			
				<div>
					<w:page pageBeanGoodsComm="${pageBeanGoodsComm }"/>
				</div>


				</div>
			</div>
		</div>
		</form>
	</div>
</body>
</html>